#changeNickName {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: rgba(246,246,246,1);
    font-size: 15px;
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            margin-right: 30px;
            text-align: center;
            font-size: 18px;
        }
    }
    .border-8 {
        width: 100%;
        height: 8px;
        background: #F6F6F6;
    }
    .newNick {
        width: 100%;
        padding: 10px 15px;
        background: #fff;
        height: 130px;
        textarea {
            border: none;
            resize: none;
            width: 100%;
            height: 100%;
            font-size: 15px;  
            color: rgba(51,51,51,1);        
        }
        textarea::-webkit-input-placeholder {
            color: rgba(156,156,156,1);
            font-size: 15px;  
        }
        textarea:-moz-placeholder {
            font-size: 15px;  
            color: rgba(156,156,156,1);
        } 
    }
    .sureBtn {
        display: block;
        width: 194px;
        height:35px;
        color: #fff;
        padding: 0;
        text-align: center;
        margin: 45px auto;
        border-radius: 20px;
        line-height: 35px;
        background: #54a589;
    }
}